import React from 'react';

// import {Videos} from '../../components/'
import {PopupVideos,Header} from '../../components/'

import './style.css'
// import v from './video/sijihuisuo.mp4'
// import v1 from './video/siji02.mp4'
// import v2 from './video/siji04.mp4'

class Home extends React.PureComponent {
  constructor(){
    super();
    this.state={
      data:[],
      videoFlag:false,
      txtValue:0
    }
  }
  componentWillMount(){
    this.loadingDate();
  }
  loadingDate(){

  }

  onClickShadow(){
    this.setState({
      videoFlag:!this.state.videoFlag
    })
  }
  setParentState(val){
    this.setState(val);
  }

  render() {
    const {videoFlag,txtValue}=this.state;
    return (
      <div className='textless'>
        <Header title='Home' backBtn={false}/>
        <h1 className='hh'>Home,text tool{txtValue}</h1>
        {/*<Videos/>*/}
        {videoFlag?<PopupVideos setParentState={this.setParentState.bind(this)}/>:''}
        <div className='video-btn' onClick={this.onClickShadow.bind(this)}>video popup</div>
      </div>
    )
  }

}

export default Home
